// pages/goodsDetail/index.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    showSize: false,
    size: [
      {
        name: 'S码',
        id: 1
      },
      {
        name: 'M码',
        id: 2
      },
      {
        name: 'L码',
        id: 3
      },
      {
        name: 'XL码',
        id: 4
      }
    ],
    color: [
      {
        name: '红色',
        id: 1
      },
      {
        name: '黑色',
        id: 2
      },
      {
        name: '卡其色',
        id: 3
      },
      {
        name: '蓝色',
        id: 4
      },
      {
        name: '黄色',
        id: 5
      },
      {
        name: '白色',
        id: 6
      }
    ],
    num: 1,
    isSelect: 0,
    isSelect1: 0,
    sizeDetail: '颜色 分类 尺码',
    id: 0,
    id1: 0
  },

  // 减
  sub: function () {
    this.setData({
      num: this.data.num == 1 ? this.data.num : this.data.num - 1
    })
  },

  // 加
  add: function () {
    this.setData({
      num: this.data.num + 1
    })
  },

  sureBtn: function () {
    if (this.data.isSelect === 0 || this.data.isSelect1 === 0) {
      wx.showToast({
        title: '请选择规格',
        icon: 'none'
      })
    } else {
      let name, name1
      let id, id1
      this.data.size.forEach(item => {
        if (item.id == this.data.isSelect) {
          name = item.name
          id = item.id
        }
      })
      this.data.color.forEach(item => {
        if (item.id == this.data.isSelect1) {
          name1 = item.name
          id1 = item.id
        }
      })
      this.setData({
        showSize: false,
        sizeDetail: name + '' + name1,
        id: id,
        id1: id1
      })
    }
  },

  // 点击规格
  check: function () {
    this.setData({
      showSize: true,
      isSelect: this.data.id,
      isSelect1: this.data.id1
    })
  },

  // 关闭
  close: function () {
    this.setData({
      showSize: false,
      sizeDetail: this.data.sizeDetail
    })
  },

  // 点击尺码
  sizeCheck: function (e) {
    // console.log(e.currentTarget.dataset.index)
    this.setData({
      isSelect: e.currentTarget.dataset.index
    })
  },

  // 点击颜色
  sizeColor: function (e) {
    // console.log(e.currentTarget.dataset.index)
    this.setData({
      isSelect1: e.currentTarget.dataset.index
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})